<!DOCTYPE html>

<html>

	<head>
		<meta charset="utf-8">
		<title>我的课程</title>
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
		<link rel="stylesheet" href="../../statics/layui/css/layui.css" media="all">
		<link rel="stylesheet" href="../../css/student-admin.css" media="all">
		<link rel="stylesheet" href="../../css/student-template.css" media="all">
	</head>

	<body>

		<div class="layui-fluid layadmin-maillist-fluid">
			<div class="layui-row layui-col-space15" id="mydeatil">

				<!--<div class="layui-col-md4 layui-col-sm6">
					<div class="layadmin-contact-box">
						<div class="layui-col-md4 layui-col-sm6">
							<a href="javascript:;">
								<div class="layadmin-text-center">
									<img src="img/character.jpg">
									<div class="layadmin-maillist-img layadmin-font-blod">演员</div>
								</div>
							</a>
						</div>

						<div class="layui-col-md8 layadmin-padding-left20 layui-col-sm6">
							<a href="javascript:;">
								<h3 class="layadmin-title">
									<strong>胡歌</strong>
								</h3>
								<p class="layadmin-textimg">
									<i class="layui-icon layui-icon-location"></i> 上海
								</p>
							</a>
							<div class="layadmin-address">
								<a href="javascript:;">
									<strong>Hu Ge studio</strong>
									<br> E-mail:xxx@baidu.com
									<br> Weibo: https://weibo.com/hu_ge
									<br>
									<addr title="phone">Tel:</addr>
									(123) 456-7890
								</a>
							</div>
						</div>
					</div>
				</div>-->

			</div>
		</div>

		<script src="../../statics/layui/layui.js"></script>
		<script src="../../statics/jquery/jquery-3.2.1.min.js"></script>
		<script src="../../statics/lay/system/admin/public.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			mydeatil();
			//请求数据
			function mydeatil() {
				$.ajax({
					type: "get",
					url: IP + "/api/teacher_eav/sstulogin/myalldetial",
					async: false,
					success: function(data) {
						renderingAll(data);
					}
				});
			}
			//渲染页面
			function renderingAll(data) {
				var html = "暂无课程";
				var address=["北京","天津","上海","重庆","河北","山西","辽宁","吉林","黑龙江","江苏","浙江","安徽","福建","江西","山东","河南","湖北","湖南","广东","海南","四川","贵州","云南","陕西","甘肃"]
				$.each(data.data, function(i,object) {
					html = '<div class="layui-col-md4 layui-col-sm6">' +
						'<div class="layadmin-contact-box">' +
						'<div class="layui-col-md4 layui-col-sm6">' +
						'<a href="javascript:;">' +
						'<div class="layadmin-text-center">' +
						'<img src="../../images/img/character'+(i+1)+'.jpg">' +
						'<div class="layadmin-maillist-img layadmin-font-blod" style="margin-top:20px">课程：  <h3><strong>'+object.cName+'</strong></h3></div>' +
						'</div>' +
						'</a>' +
						'</div>' +

						'<div class="layui-col-md8 layadmin-padding-left20 layui-col-sm6">' +
						'<a href="javascript:;">' +
						'<h3 class="layadmin-title">' +
						'<Strong>'+object.tName+'</Strong>' +
						'</h3>' +
						'<p class="layadmin-textimg">' +
						'<i class="layui-icon layui-icon-location"></i>  ' +address[i]+
						'</p>' +
						'</a>' +
						'<div class="layadmin-address">' +
						'<a href="javascript:;">' +
						'<strong> '+object.tName+' studio</strong>' +
						'<br> E-mail:xxx@baidu.com' +
						'<br>' +object.createTime+
						'<br>' +
						'<addr title="phone">Tel:</addr>' +
						'(123) 456-789' +i+
						'</a>' +
						'</div>' +
						'</div>' +
						'</div>' +
						'</div>';
					$('#mydeatil').append(html);
				})
			}
		</script>
	</body>

</html>